<!--
 * @Author: 李金深 2896583081@qq.com
 * @Date: 2023-06-09 11:21:41
 * @LastEditors: 李金深 2896583081@qq.com
 * @LastEditTime: 2023-06-09 11:41:11
 * @FilePath: /com.huizhouyiren.web.d0101/src/views/error/notFound.vue
 * @Description: 404
-->
<script setup>
import { useRouter } from "vue-router"

import NullPage from "./components/null.vue"

const router = useRouter()
const goback = () => {
    router.go(-1)
}
</script>
<template>
    <div class="relative flex items-center justify-center w-full h-full bg-gray-50" style="height: calc(100vh - 3.75rem);">
        <NullPage></NullPage>
        <div class="absolute" style="bottom: 40px;">
            <div class="text-center">
                The page you are looking for does not exist
            </div>
            <div class="flex justify-center mt-4">
                <n-button color="#444444" size="large" @click="goback">goback</n-button>
            </div>
        </div>
    </div>
</template>